<!doctype html>
<html lang="zh-Hans">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="assets/css/bootstrap.min.css" >
    <link rel="stylesheet" href="assets/css/fontawesome.min.css" >
    <link rel="stylesheet" href="assets/css/backend.css" >
    <title>Fresns 管理中心</title>
  </head>
  <body>
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark fresns-navbar">
      <a class="navbar-brand" href="#"><img src="assets/images/logo.png" height="30" alt="Fresns"></a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarNav">
        <ul class="navbar-nav mr-auto">
          <li class="nav-item"><a class="nav-link" href="index.html">仪表盘</a></li>
          <li class="nav-item active"><a class="nav-link" href="system-language.html">系统</a></li>
          <li class="nav-item"><a class="nav-link" href="operating-user.html">运营</a></li>
          <li class="nav-item"><a class="nav-link" href="themes.html">主题</a></li>
          <li class="nav-item"><a class="nav-link" href="plugins.html">插件</a></li>
          <li class="nav-item"><a class="nav-link" href="clients.html">客户端</a></li>
          <li class="nav-item"><a class="nav-link" href="store.html">应用市场</a></li>
        </ul>
        <span class="navbar-text">admin <a href="#">[退出]</a> <a href="https://fresns.cn" target="_blank">站点首页</a></span>
      </div>
    </nav>

    <div class="container-fluid">
      <div class="row">
        <div class="col-sm-3 col-xl-2 fresns-sidebar">
          <h3 class="d-none d-sm-block">系统</h3>
          <button class="btn btn-primary btn-block d-block d-sm-none" type="button" data-toggle="collapse" data-target="#sidebarNav" aria-controls="sidebarNav" aria-expanded="true">
            <i class="fas fa-list-ul"></i> 系统
          </button>
          <div class="collapse show" id="sidebarNav">
            <ul class="nav flex-column">
              <li class="nav-item"><a class="nav-link" href="system-language.html"><i class="fas fa-language"></i> 语言设置</a></li>
              <li class="nav-item"><a class="nav-link" href="system-site.html"><i class="fas fa-tools"></i> 站点设置</a></li>
              <li class="nav-item"><a class="nav-link" href="system-send.html"><i class="far fa-paper-plane"></i> 发信设置</a></li>
              <li class="nav-item"><a class="nav-link" href="system-account.html"><i class="far fa-user"></i> 账号设置</a></li>
              <li class="nav-item"><a class="nav-link" href="system-wallet.html"><i class="far fa-credit-card"></i> 钱包设置</a></li>
              <li class="nav-item"><a class="nav-link active" href="system-storage.html"><i class="far fa-folder-open"></i> 存储设置</a></li>
              <li class="nav-item"><a class="nav-link" href="system-map.html"><i class="fas fa-map-marked-alt"></i> 地图设置</a></li>
            </ul>
            <div class="fresns-copyright">
              <p>Powered by Fresns</p>
            </div>
          </div>
        </div>

        <div class="col-sm-9 col-xl-10 fresns-content">
          <h3>存储设置</h3>
          <!-- Setting Start -->
          <form class="fresns-input">
            <div class="alert alert-warning" style="margin-top: -10px;" role="alert">
              四种资源可以分开存储，也可以存储在同一处，只需将四个存储服务商设置填写一致即可。
            </div>
            <ul class="nav nav-tabs" id="myTab" role="tablist">
              <li class="nav-item"><a class="nav-link active" id="image-tab" data-toggle="tab" href="#image" role="tab" aria-controls="image" aria-selected="true">图片存储设置</a></li>
              <li class="nav-item"><a class="nav-link" id="video-tab" data-toggle="tab" href="#video" role="tab" aria-controls="video" aria-selected="false">视频存储设置</a></li>
              <li class="nav-item"><a class="nav-link" id="audio-tab" data-toggle="tab" href="#audio" role="tab" aria-controls="audio" aria-selected="false">音频存储设置</a></li>
              <li class="nav-item"><a class="nav-link" id="doc-tab" data-toggle="tab" href="#doc" role="tab" aria-controls="doc" aria-selected="false">文档存储设置</a></li>
              <li class="nav-item"><a class="nav-link" id="repair-tab" data-toggle="tab" href="#repair" role="tab" aria-controls="repair" aria-selected="false">补位图上传</a></li>
            </ul>
            <div class="tab-content" id="myTabContent">
              <!-- Image Setting -->
              <div class="tab-pane fade show active" id="image" role="tabpanel" aria-labelledby="image-tab">
                <label class="item-title mt-3">存储设置：</label>
                <div class="form-group row">
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text">存储服务商</span>
                      </div>
                      <select class="custom-select">
                        <option value="qcloud" selected>腾讯云 对象存储 COS</option>
                        <option value="aliyun">阿里云 对象存储 OSS</option>
                        <option value="yunpian">又拍云 云存储 USS</option>
                        <option value="juhe">七牛云 对象存储 Kodo</option>
                        <option value="juhe">UCloud 对象存储 UFile</option>
                      </select>
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label">应用市场可以安装更多服务商</label>
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text">Secret ID</span>
                      </div>
                      <input type="text" class="form-control" id="image_secret_id" value="" placeholder="已有配置，不填写内容代表不修改">
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label"></label>
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text">Secret Key</span>
                      </div>
                      <input type="text" class="form-control" id="image_secret_key" value="" placeholder="已有配置，不填写内容代表不修改">
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label"></label>
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text">存储配置名称</span>
                      </div>
                      <input type="text" class="form-control" id="image_bucket_name" value="Fresns">
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label"></label>
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text">存储配置地域</span>
                      </div>
                      <input type="text" class="form-control" id="image_bucket_area" value="">
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label">用不到则留空</label>
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group">
                      <div class="input-group-prepend">
                        <span class="input-group-text">存储配置域名</span>
                      </div>
                      <input type="url" class="form-control" id="image_bucket_url" value="https://cdn.fresns.cn">
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label">http:// 或 https:// 开头，结尾不带 /</label>
                </div>
                <label class="item-title">功能配置：</label>
                <div class="form-group row">
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text">支持的扩展名</span>
                      </div>
                      <input type="text" class="form-control" id="image_ext" value="png,gif,jpg,jpeg,bmp,heic">
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label">以英文逗号 , 隔开</label>
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text">支持的最大尺寸</span>
                      </div>
                      <input type="number" class="form-control" id="image_max_size" value="5">
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label">单位：MB，如果用户角色有单独设置将以用户角色为准</label>
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group">
                      <div class="input-group-prepend">
                        <span class="input-group-text">防盗链功能</span>
                      </div>
                      <div class="form-control">
                        <div class="custom-control custom-radio custom-control-inline">
                          <input type="radio" id="image_url_status_true" name="image_url_status" value="true" class="custom-control-input" data-toggle="collapse" data-target="#image_url_collapse.show" aria-expanded="false" aria-controls="collapse" checked>
                          <label class="custom-control-label" for="image_url_status_true">关闭</label>
                        </div>
                        <div class="custom-control custom-radio custom-control-inline">
                          <input type="radio" id="image_url_status_false" name="image_url_status" value="false" class="custom-control-input" data-toggle="collapse" data-target="#image_url_collapse:not(.show)" aria-expanded="false" aria-controls="collapse">
                          <label class="custom-control-label" for="image_url_status_false">开启</label>
                        </div>
                      </div>
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label">如果插件不支持防盗链功能，请勿开启，否则将导致资源无法访问</label>
                  <div class="row collapse" style="margin-left:0;margin-right:0;" id="image_url_collapse">
                    <!-- input group -->
                    <div class="col-sm-7">
                      <div class="input-group mt-3">
                        <div class="input-group-prepend">
                          <span class="input-group-text">防盗链 Key</span>
                        </div>
                        <input type="text" class="form-control" id="image_url_key" value="5">
                      </div>
                    </div>
                    <label class="col-sm-5 col-form-label">用于生成访问 Token</label>
                    <!-- input group -->
                    <div class="col-sm-7">
                      <div class="input-group mt-3">
                        <div class="input-group-prepend">
                          <span class="input-group-text">防盗链签名有效期</span>
                        </div>
                        <input type="number" class="form-control" id="image_url_expire" value="10">
                      </div>
                    </div>
                    <label class="col-sm-5 col-form-label">单位：分钟</label>
                  </div>
                </div>
                <label class="item-title">图片处理功能配置：</label>
                <div class="form-group row">
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text">头像缩略图</span>
                      </div>
                      <input type="text" class="form-control" id="images_thumbnail_avatar" value="!avatar">
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label">可以配置样式名或高级参数，实时处理图片，可以压缩、缩放、打水印等各种功能</label>
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text">等比例缩略图</span>
                      </div>
                      <input type="text" class="form-control" id="images_thumbnail_ratio" value="!ratio">
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label">样式名：常见的“间隔标识符”为半角字符 “!”、“-”、“_” 三种</label>
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text">正方形缩略图</span>
                      </div>
                      <input type="text" class="form-control" id="images_thumbnail_square" value="!square">
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label">高级参数：依据存储服务商的文档填写高级参数</label>
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text">原图压缩图</span>
                      </div>
                      <input type="text" class="form-control" id="images_thumbnail_big" value="!big">
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label">大尺寸图片，输出原图或压缩后的大图</label>
                </div>
              </div>
              <!-- Image Setting end -->
              <!-- Video Setting -->
              <div class="tab-pane fade" id="video" role="tabpanel" aria-labelledby="video-tab">
                <label class="item-title mt-3">存储设置：</label>
                <div class="form-group row">
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text">存储服务商</span>
                      </div>
                      <select class="custom-select" id="video_service">
                        <option value="qcloud" selected>腾讯云 云点播 VOD</option>
                        <option value="aliyun">阿里云 视频点播 VOD</option>
                        <option value="yunpian">又拍云 云存储 USS</option>
                        <option value="juhe">七牛云 对象存储 Kodo</option>
                        <option value="juhe">UCloud 对象存储 UFile</option>
                        <option value="juhe">保利威 云点播 VOD</option>
                      </select>
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label">应用市场可以安装更多服务商</label>
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text">Secret ID</span>
                      </div>
                      <input type="text" class="form-control" id="video_secret_id" value="" placeholder="已有配置，不填写内容代表不修改">
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label"></label>
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text">Secret Key</span>
                      </div>
                      <input type="text" class="form-control" id="video_secret_key" value="" placeholder="已有配置，不填写内容代表不修改">
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label"></label>
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text">存储配置名称</span>
                      </div>
                      <input type="text" class="form-control" id="video_bucket_name" value="fresns-vod">
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label"></label>
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text">存储配置地域</span>
                      </div>
                      <input type="text" class="form-control" id="video_bucket_area" value="">
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label">用不到则留空</label>
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group">
                      <div class="input-group-prepend">
                        <span class="input-group-text">存储配置域名</span>
                      </div>
                      <input type="url" class="form-control" id="video_bucket_url" value="https://vod.fresns.cn">
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label">http:// 或 https:// 开头，结尾不带 /</label>
                </div>
                <label class="item-title">功能配置：</label>
                <div class="form-group row">
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text">视频支持的扩展名</span>
                      </div>
                      <input type="text" class="form-control" id="video_ext" value="wmv,rm,mov,mpeg,mp4,3gp,flv,avi,rmvb">
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label">以英文逗号 , 隔开</label>
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text">支持的最大尺寸</span>
                      </div>
                      <input type="number" class="form-control" id="video_max_size" value="50">
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label">单位：MB，如果用户角色有单独设置将以用户角色为准</label>
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text">视频的最大时长</span>
                      </div>
                      <input type="number" class="form-control" id="video_max_time" value="15">
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label">单位：秒，如果用户角色有单独设置将以用户角色为准</label>
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text">防盗链功能</span>
                      </div>
                      <div class="form-control">
                        <div class="custom-control custom-radio custom-control-inline">
                          <input type="radio" id="video_url_status_true" name="video_url_status" value="true" class="custom-control-input" data-toggle="collapse" data-target="#video_url_collapse.show" aria-expanded="false" aria-controls="collapse" checked>
                          <label class="custom-control-label" for="video_url_status_true">关闭</label>
                        </div>
                        <div class="custom-control custom-radio custom-control-inline">
                          <input type="radio" id="video_url_status_false" name="video_url_status" value="false" class="custom-control-input" data-toggle="collapse" data-target="#video_url_collapse:not(.show)" aria-expanded="false" aria-controls="collapse">
                          <label class="custom-control-label" for="video_url_status_false">开启</label>
                        </div>
                      </div>
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label">如果插件不支持防盗链功能，请勿开启，否则将导致资源无法访问</label>
                  <div class="row collapse" style="margin-left:0;margin-right:0;" id="video_url_collapse">
                    <!-- input group -->
                    <div class="col-sm-7">
                      <div class="input-group mb-3">
                        <div class="input-group-prepend">
                          <span class="input-group-text">防盗链 Key</span>
                        </div>
                        <input type="text" class="form-control" id="video_url_key" value="5">
                      </div>
                    </div>
                    <label class="col-sm-5 col-form-label">用于生成访问 Token</label>
                    <!-- input group -->
                    <div class="col-sm-7">
                      <div class="input-group mb-3">
                        <div class="input-group-prepend">
                          <span class="input-group-text">防盗链签名有效期</span>
                        </div>
                        <input type="number" class="form-control" id="video_url_expire" value="10">
                      </div>
                    </div>
                    <label class="col-sm-5 col-form-label">单位：分钟</label>
                  </div>
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text">视频转码模板 ID</span>
                      </div>
                      <input type="text" class="form-control" id="video_transcode" value="">
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label">未开启则留空</label>
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text">视频水印模板 ID</span>
                      </div>
                      <input type="text" class="form-control" id="video_watermark" value="">
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label">未开启则留空</label>
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text">视频截图模板 ID</span>
                      </div>
                      <input type="text" class="form-control" id="video_screenshot" value="">
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label">未开启则留空</label>
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group">
                      <div class="input-group-prepend">
                        <span class="input-group-text">视频转动图模板 ID</span>
                      </div>
                      <input type="text" class="form-control" id="video_gift" value="">
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label">未开启则留空</label>
                </div>
              </div>
              <!-- Video Setting end -->
              <!-- Audio Setting -->
              <div class="tab-pane fade" id="audio" role="tabpanel" aria-labelledby="audio-tab">
                <label class="item-title mt-3">存储设置：</label>
                <div class="form-group row">
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text">存储服务商</span>
                      </div>
                      <select class="custom-select" id="audio_service">
                        <option value="qcloud" selected>腾讯云 云点播 VOD</option>
                        <option value="aliyun">阿里云 视频点播 VOD</option>
                        <option value="yunpian">又拍云 云存储 USS</option>
                        <option value="juhe">七牛云 对象存储 Kodo</option>
                        <option value="juhe">UCloud 对象存储 UFile</option>
                        <option value="juhe">保利威 云点播 VOD</option>
                      </select>
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label">应用市场可以安装更多服务商</label>
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text">Secret ID</span>
                      </div>
                      <input type="text" class="form-control" id="audio_secret_id" value="" placeholder="已有配置，不填写内容代表不修改">
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label"></label>
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text">Secret Key</span>
                      </div>
                      <input type="text" class="form-control" id="audio_secret_key" value="" placeholder="已有配置，不填写内容代表不修改">
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label"></label>
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text">存储配置名称</span>
                      </div>
                      <input type="text" class="form-control" id="audio_bucket_name" value="fresns-vod">
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label"></label>
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text">存储配置地域</span>
                      </div>
                      <input type="text" class="form-control" id="audio_bucket_area" value="">
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label">用不到则留空</label>
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group">
                      <div class="input-group-prepend">
                        <span class="input-group-text">存储配置域名</span>
                      </div>
                      <input type="url" class="form-control" id="audio_bucket_url" value="https://vod.fresns.cn">
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label">http:// 或 https:// 开头，结尾不带 /</label>
                </div>
                <label class="item-title">功能配置：</label>
                <div class="form-group row">
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text">音频支持的扩展名</span>
                      </div>
                      <input type="text" class="form-control" id="audio_ext" value="mp3,wav,m4a">
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label">以英文逗号 , 隔开</label>
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text">支持的最大尺寸</span>
                      </div>
                      <input type="number" class="form-control" id="audio_max_size" value="50">
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label">单位：MB，如果用户角色有单独设置将以用户角色为准</label>
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text">音频的最大时长</span>
                      </div>
                      <input type="number" class="form-control" id="audio_max_time" value="60">
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label">单位：秒，如果用户角色有单独设置将以用户角色为准</label>
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text">防盗链功能</span>
                      </div>
                      <div class="form-control">
                        <div class="custom-control custom-radio custom-control-inline">
                          <input type="radio" id="audio_url_status_true" name="audio_url_status" value="true" class="custom-control-input" data-toggle="collapse" data-target="#audio_url_collapse.show" aria-expanded="false" aria-controls="collapse" checked>
                          <label class="custom-control-label" for="audio_url_status_true">关闭</label>
                        </div>
                        <div class="custom-control custom-radio custom-control-inline">
                          <input type="radio" id="audio_url_status_false" name="audio_url_status" value="false" class="custom-control-input" data-toggle="collapse" data-target="#audio_url_collapse:not(.show)" aria-expanded="false" aria-controls="collapse">
                          <label class="custom-control-label" for="audio_url_status_false">开启</label>
                        </div>
                      </div>
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label">如果插件不支持防盗链功能，请勿开启，否则将导致资源无法访问</label>
                  <div class="row collapse" style="margin-left:0;margin-right:0;" id="audio_url_collapse">
                    <!-- input group -->
                    <div class="col-sm-7">
                      <div class="input-group mb-3">
                        <div class="input-group-prepend">
                          <span class="input-group-text">防盗链 Key</span>
                        </div>
                        <input type="text" class="form-control" id="audio_url_key" value="5">
                      </div>
                    </div>
                    <label class="col-sm-5 col-form-label">用于生成访问 Token</label>
                    <!-- input group -->
                    <div class="col-sm-7">
                      <div class="input-group mb-3">
                        <div class="input-group-prepend">
                          <span class="input-group-text">防盗链签名有效期</span>
                        </div>
                        <input type="number" class="form-control" id="audio_url_expire" value="10">
                      </div>
                    </div>
                    <label class="col-sm-5 col-form-label">单位：分钟</label>
                  </div>
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group">
                      <div class="input-group-prepend">
                        <span class="input-group-text">音频转码模板 ID</span>
                      </div>
                      <input type="text" class="form-control" id="audio_transcode" value="">
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label">未开启则留空</label>
                </div>
              </div>
              <!-- Audio Setting end -->
              <!-- Doc Setting -->
              <div class="tab-pane fade" id="doc" role="tabpanel" aria-labelledby="doc-tab">
                <label class="item-title mt-3">存储设置：</label>
                <div class="form-group row">
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text">存储服务商</span>
                      </div>
                      <select class="custom-select" id="doc_service">
                        <option value="qcloud" selected>腾讯云 对象存储 COS</option>
                        <option value="aliyun">阿里云 对象存储 OSS</option>
                        <option value="yunpian">又拍云 云存储 USS</option>
                        <option value="juhe">七牛云 对象存储 Kodo</option>
                        <option value="juhe">UCloud 对象存储 UFile</option>
                      </select>
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label">应用市场可以安装更多服务商</label>
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text">Secret ID</span>
                      </div>
                      <input type="text" class="form-control" id="doc_secret_id" value="" placeholder="已有配置，不填写内容代表不修改">
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label"></label>
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text">Secret Key</span>
                      </div>
                      <input type="text" class="form-control" id="doc_secret_key" value="" placeholder="已有配置，不填写内容代表不修改">
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label"></label>
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text">存储配置名称</span>
                      </div>
                      <input type="text" class="form-control" id="doc_bucket_name" value="Fresns">
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label"></label>
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text">存储配置地域</span>
                      </div>
                      <input type="text" class="form-control" id="doc_bucket_area" value="">
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label">用不到则留空</label>
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group">
                      <div class="input-group-prepend">
                        <span class="input-group-text">存储配置域名</span>
                      </div>
                      <input type="url" class="form-control" id="doc_bucket_url" value="https://cdn.fresns.cn">
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label">http:// 或 https:// 开头，结尾不带 /</label>
                </div>
                <label class="item-title">功能配置：</label>
                <div class="form-group row">
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text">支持的扩展名</span>
                      </div>
                      <input type="text" class="form-control" id="doc_ext" value="doc,docx,xls,xlsx,csv,ppt,pptx,pps,ppts,pdf,txt,md,markdown,rar,zip,7z,epub,mobi">
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label">以英文逗号 , 隔开</label>
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text">支持的最大尺寸</span>
                      </div>
                      <input type="number" class="form-control" id="doc_max_size" value="10">
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label">单位：MB，如果用户角色有单独设置将以用户角色为准</label>
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text">防盗链功能</span>
                      </div>
                      <div class="form-control">
                        <div class="custom-control custom-radio custom-control-inline">
                          <input type="radio" id="doc_url_status_true" name="doc_url_status" value="true" class="custom-control-input" data-toggle="collapse" data-target="#doc_url_collapse.show" aria-expanded="false" aria-controls="collapse" checked>
                          <label class="custom-control-label" for="doc_url_status_true">关闭</label>
                        </div>
                        <div class="custom-control custom-radio custom-control-inline">
                          <input type="radio" id="doc_url_status_false" name="doc_url_status" value="false" class="custom-control-input" data-toggle="collapse" data-target="#doc_url_collapse:not(.show)" aria-expanded="false" aria-controls="collapse">
                          <label class="custom-control-label" for="doc_url_status_false">开启</label>
                        </div>
                      </div>
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label">如果插件不支持防盗链功能，请勿开启，否则将导致资源无法访问</label>
                  <div class="row collapse" style="margin-left:0;margin-right:0;" id="doc_url_collapse">
                    <!-- input group -->
                    <div class="col-sm-7">
                      <div class="input-group mb-3">
                        <div class="input-group-prepend">
                          <span class="input-group-text">防盗链 Key</span>
                        </div>
                        <input type="text" class="form-control" id="doc_url_key" value="5">
                      </div>
                    </div>
                    <label class="col-sm-5 col-form-label">用于生成访问 Token</label>
                    <!-- input group -->
                    <div class="col-sm-7">
                      <div class="input-group mb-3">
                        <div class="input-group-prepend">
                          <span class="input-group-text">防盗链签名有效期</span>
                        </div>
                        <input type="number" class="form-control" id="doc_url_expire" value="10">
                      </div>
                    </div>
                    <label class="col-sm-5 col-form-label">单位：分钟</label>
                  </div>
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text">在线预览配置</span>
                      </div>
                      <input type="url" class="form-control" id="doc_online_preview" value="http://dcsapi.com/?k=51544868&url={file}" placeholder="未配置">
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label">文件地址变量名 {file}，留空代表未开启</label>
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group">
                      <div class="input-group-prepend">
                        <span class="input-group-text">在线预览扩展名</span>
                      </div>
                      <input type="text" class="form-control" id="doc_preview_ext" value="doc,docx,xls,xlsx,csv,ppt,pptx,pps,ppts,pdf" placeholder="未配置">
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label">支持在线预览的文件扩展名</label>
                </div>
              </div>
              <!-- Doc Setting end -->
              <!-- Repair Setting -->
              <div class="tab-pane fade" id="repair" role="tabpanel" aria-labelledby="repair-tab">
                <label class="item-title mt-3">无效状态补位：</label>
                <div class="form-group row">
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text">图片无效提示图</span>
                      </div>
                      <input type="file" class="form-control" id="repair_image">
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label">当图片状态为“无效”时输出的补位提示用途图</label>
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text">视频无效提示图</span>
                      </div>
                      <input type="file" class="form-control" id="repair_video_image">
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label">当视频状态为“无效”时输出的补位提示用途图</label>
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text">音频无效提示图</span>
                      </div>
                      <input type="file" class="form-control" id="repair_audio_image">
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label">当音频状态为“无效”时输出的补位提示用途图</label>
                  <!-- input group -->
                  <div class="col-sm-6">
                    <div class="input-group">
                      <div class="input-group-prepend">
                        <span class="input-group-text">文档无效提示图</span>
                      </div>
                      <input type="file" class="form-control" id="repair_file_image">
                    </div>
                  </div>
                  <label class="col-sm-6 col-form-label">当文档状态为“无效”时输出的补位提示用途图</label>
                </div>
              </div>
              <!-- Repair Setting end -->
            </div>

            <!-- Form Submit -->
            <button type="submit" class="btn btn-primary">保存</button>
          </form>
          <!-- Setting End -->
        </div>
      </div>
    </div>

    <!-- JavaScript -->
    <script src="assets/js/jquery-3.5.1.slim.min.js"></script>
    <script src="assets/js/bootstrap.bundle.min.js"></script>
    <script src="assets/js/backend.js"></script>
  </body>
</html>